<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>商品列表</title>
  <link rel="stylesheet" href="./iconfont/font/iconfont.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/commen.css">
  <link rel="stylesheet" href="./css/list.css">
</head>

<body>
  <!-- 头部区域 引入样式commen-->
  <header class="header">
    <a href="#"><span class="iconfont icon-fanhui"></span></a>
    <h3 class="header_title">商品列表</h3>
  </header>

  <!-- 搜索区域 -->
  <div class="list_tab">
    <div class="list_tab_search">
      <div class="list_tab_content">
        <a href="./search.html">
          <span class="iconfont icon-RectangleCopy"></span>
          <span>搜索商品</span>
        </a>
      </div>
    </div>
    <div class="list_tab_more">
      <a href="#">
        <span class="iconfont icon-app more"></span>
      </a>
    </div>

  </div>

  <!-- 标题区域 -->
  <div class="list_title">
    <ul>
      <li><a href="#" class="active" data-id="0">综合</a></li>
      <li><a href="#" data-id="1">销量</a></li>
      <li>
        <a href="#" data-id="2">
          <div class="price" data-id="2">价格</div>
          <div class="row">
            <span class="iconfont icon-less" data-id="2"></span>
            <span class="iconfont icon-moreunfold" data-id="2"></span>
          </div>
        </a>
      </li>
    </ul>
  </div>

  <!-- 内容区域 -->
  <ul class="list_content1" id="list_content">
    <li>
      <a href="#">
        <div class="pic">
          <img src="./uploads/list_content_1.jpg" alt="">
        </div>
        <div class="info">
          <div class="txt ellipsis-2">三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景 悠雾紫 5G手机 游戏拍照旗舰机s23</div>
          <div class="price">
            <span class="one">￥<i>0.01</i></span>
            <span class="two">￥<i>6699.00</i></span>
          </div>
        </div>
      </a>
    </li>
  </ul>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./js/commen.js"></script>
  <script src="./js/list.js"></script>
</body>

</html>